<table class="" width="760px" align="center" cellspacing="0" style="border:1px solid gray">
	<tr class="default nytimes">
		<td width="34px"><img src="img/default/theme.png"/></td>
		<td>
			<b class="caption">Picture Browser</b>
			<div class="small">Browse your personal pictures; or of the current artist</div>
		</td>
	</tr>
</table>
<table class=""  style="height:232px;margin-top:2px;width:760px; border:1px solid gray" align="center">
    <tr class="default">
        <td valign="top">
            <div style=" float:none"><b>Picture Sources</b></div>
            <div>
                <input type="button" class="default-button" value="My Pictures" onclick="theme.local.render.input()"/>
                <input type="button" class="default-button" value="Artist Album" onclick="theme.browse.init('artist')"/>
                <input type="button" class="default-button" value="Built-in" onclick="theme.browse.init('built-in')"/>
                
                <input type="button" class="default-button" value="Online" onclick="theme.remote.render.input()" style="display:none"/>
                
            </div>
            <div id="preview" align="center" style="border:1px solid white; height:150px; overflow:hidden">
                <div id="pcontent" class="theme-window" style="overflow:hidden;"></div>
            </div>

           

            <div id="theme_navigation" style="" >
                <table width="100%" align="center">
                    <tr class="medium">
                        <td width="18px">
                            <input type="image" src="img/default/arrow-first.png"
                                   onclick="theme.browse.nav.last()"
                                   />
                        </td>
                        <td width="18px">
                            <input type="image" src="img/default/arrow-prev.png"
                                   onclick="theme.browse.nav.back()"
                                   />
                        </td>
                        <td>
                            Source :<span id="theme.source" style="text-transform: capitalize"></span>
                        </td>
                        <td width="18px">
                            <input type="image" src="img/default/arrow-next.png"
                                    onclick="theme.browse.nav.next()"
                                   />
                        </td>
                        <td width="18px">
                            <input type="image" src="img/default/arrow-last.png"
                                   onclick="theme.browse.nav.first()"
                                   />
                        </td>
                    </tr>
                </table>
                
            </div>
        </td>
        
    </tr>
</table>
